<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/login.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/reset.css">
</head>

<body>
    <header></header>
    <div class="nav"></div>

    <!-- login -->
    <div class="login">
        <div class="loginContent">
            <!-- 登录框 -->
            <div class="loginLeft">
                <div class="loginTitle">
                    <h2 class="active">手机验证登录</h2>
                    <h2 class="">账号密码登录</h2>
                </div>
                <div class="loginVal">
                    <div class="loginTab">
                        <div id="sj0">
                            <input id="id0" type="text" class="">
                            <label for="id0">手机</label>
                            <span></span>
                        </div>
                        <div id="sj1" style="display: none;">
                            <input type="text" class="sj1">
                            <label for="id0">手机号码</label>
                            <span></span>
                        </div>
                        <div id="mm0">
                            <input id="id1" type="text" class="">
                            <label for="id1">手机验证码</label>
                            <span></span>
                            <a href="javascript:;" id="icode">获取验证码</a>
                        </div>
                        <div id="mm1" style="display: none;">
                            <input type="password" class="mm1">
                            <label for="id1">账号密码</label>
                        </div>
                        <label class="icon">
                            <i class=""></i>
                            <span>记住我的信息</span>
                        </label>
                        <div class="btn btn-login btn-login0">登录</div>
                        <div class="btn btn-login btn-login1" style="display: none;">登录</div>
                        <a href="javascript:;" class="forget">忘记密码</a>
                        <a href="javascript:;" class="forget zhuce" style="float: right;">注册</a>
                    </div>
                </div>
                <div class="thirdLogin">
                    <p class="thirdTit">使用其他方式登录</p>
                    <ul class="listInline">
                        <li>
                            <a href="javascript:;">
                                <i class="icon-qq"></i>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <i id="qqLoginBtn" class="icon-weixin">
                                </i>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 注册框 -->
            <div class="loginLeft loginRight">
                <div class="loginTitle loginTit">
                    <h2 class="active">注册账号</h2>
                </div>
                <div class="loginVal">
                    <div class="loginTab" show="0">
                        <div>
                            <input id="phone" type="text" maxlength="11" class="">
                            <label for="phone">手机</label>
                        </div>
                        <div class="loginyz">
                            <div style="left: 0px;"></div>
                            <!-- <p>向右拖动滑块</p> -->
                            <div class="" style="width: 0px;"></div>
                        </div>
                        <div>
                            <input id="code" type="text" maxlength="6" class="">
                            <label for="code">手机验证码</label> <a href="javascript:;">获取验证码</a>
                        </div>
                        <div>
                            <input id="pass" maxlength="16" type="password" class="">
                            <label for="pass">用户密码</label> <img src="/oiwas2/img/zhuce-eye1.svg" class="pass eye">
                        </div>
                        <label class="icon">
                            <i class=""></i>
                            <span>我已阅读并同意爱华仕商城用户会员规则</span>
                        </label>
                        <label class="icon">
                            <i class=""></i>
                            <span>我已阅读并同意爱华仕商城
                                <a href="" class="">隐私声明</a> 和
                                <a href="" class="">使用条款</a>
                            </span>
                        </label>
                        <div class="btn btn-res">注册</div>
                        <a href="javascript:;" class="forget fanhui">返回</a>
                    </div>
                </div>
                <div class="thirdLogin">
                    <p class="thirdTit">使用其他方式登录</p>
                    <ul class="listInline">
                        <li>
                            <a href="javascript:;">
                                <i class="icon-qq"></i>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <i id="qqLoginBtn" class="icon-weixin">
                                </i>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <footer></footer>
</body>

</html>

<script src="/oiwas2/jQuery.js"></script>
<script src="login.js"></script>

<script>
    $("header").load("../common/HeaderAndFooter.html header", function () { });
    $(".nav").load("../common/HeaderAndFooter.html .nav", function () { });
    $("footer").load("../common/HeaderAndFooter.html footer", function () { });

</script>